@charset 'utf-8';
@import'reset';

body{
    background: rgba(0,0,0,0);
    width: 100%;
    .cuo{
            color: #ff4141;
        }
    .dui{
        color:#008b98;
    }
    .main_content{
        height: 100%;
        position: relative;
        .con_left{
            position: fixed;
            left: 0;
            top: 0;
            width: 247px;
            height: 100%;
            display: flex;
            flex-direction: column;
            a{
                color: white;
                display: flex;
                height: 100%;
                justify-content: center;
                align-items: center;
            }
            .l-box{
                &:hover{
                    cursor: pointer;
                    background: #333;
                }
            }
            .in{
                border-right: 4px solid #00828e;
                width: 251px;
                background: #333;
            }
            div{
                width: 100%;
                text-align: center;
                background: #434343;
                font-size: 14px;
                color:#fff; 
                flex: 1;
            }
    }

            .con_right{
                margin-left: 30px;
                margin-top: 45px;
                position: absolute;
                right: 0;
                top: 0;
                left: 247px;
                bottom: 0;
                .r_main{
                    width: 99.99%;
                    padding: 0 5px;
                }
            }
        }
}
